<nav class="tlp-tabs">
    <a href="javascript:;" class="tlp-tab">First</a>
    <a href="javascript:;" class="tlp-tab tlp-tab-active">Active</a>
    <a href="javascript:;" class="tlp-tab tlp-tab-disabled">Disabled</a>
    <a href="javascript:;" class="tlp-tab">Another one</a>
    <a href="javascript:;" class="tlp-tab">Last</a>
</nav>

<nav class="tlp-tabs">
    <a href="javascript:;" class="tlp-tab">
        <i class="tlp-tab-icon fa fa-toggle-on"></i> First
    </a>
    <a href="javascript:;" class="tlp-tab tlp-tab-active">
        <i class="tlp-tab-icon fa fa-bullseye"></i> Active
    </a>
    <a href="javascript:;" class="tlp-tab tlp-tab-disabled">
        <i class="tlp-tab-icon fa fa-blind"></i> Disabled
    </a>
    <a href="javascript:;" class="tlp-tab">
        <i class="tlp-tab-icon fa fa-bomb"></i>
        External link
        <i class="tlp-tab-icon fa fa-external-link"></i>
    </a>
    <a href="javascript:;" class="tlp-tab">
        <i class="tlp-tab-icon fa fa-motorcycle"></i> Last
    </a>
</nav>

<nav class="tlp-tabs">
    <a href="javascript:;" class="tlp-tab">First</a>
    <div class="tlp-tab tlp-tab-active">
        Active <i class="fa fa-caret-down"></i>
        <nav class="tlp-tab-menu">
            <span class="tlp-tab-menu-title">Exports</span>
            <a href="javascript:;" class="tlp-tab-menu-item">CSV</a>
            <a href="javascript:;" class="tlp-tab-menu-item">Excel (2010 version)</a>
            <a href="javascript:;" class="tlp-tab-menu-item">PDF (Acrobat compat)</a>
            <span class="tlp-tab-menu-title">Imports</span>
            <a href="javascript:;" class="tlp-tab-menu-item">CSV</a>
        </nav>
    </div>
    <a href="javascript:;" class="tlp-tab tlp-tab-disabled">Disabled</a>
    <a href="javascript:;" class="tlp-tab">Another one</a>
    <a href="javascript:;" class="tlp-tab">Last</a>
</nav>
